<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo</title>
	<script src="../build/react.js"></script>
	<script src="../build/react-dom.js"></script>
	<script src="../build/browser.min.js"></script>
</head>
<body>
	<div id="example"></div>

	<!-- 
		1. React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样，在网页中插入这个组件。React.createClass 方法就用于生成一个组件类
		2. ! 注意，组件类的第一个字母必须大写，否则会报错
		3. 添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字
	 -->
	<script type="text/babel">
		var HelloMessage = React.createClass({
			render: function() {
				return <h1 htmlFor="h1" className="hello">hello, {this.props.name}</h1>
			}
		})

		ReactDOM.render(
			<HelloMessage name="demo4" />,
			document.getElementById("example")
		)
	</script>
</body>
</html>